<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>销售明细</title>
  <link rel="stylesheet" href="../styles/main.css">
  <link rel="stylesheet" href="../styles/sales-details.css">
</head>
<body>
  <div class="container sales-details-page">
    <!-- 头部组件 -->
    <header class="sales-header">
<a href="../index.html" class="back-btn">
  <
</a>
      <h1 class="header-title">分销员_本月销售明细</h1>
    </header>

    <!-- 月份显示 -->
    <div class="month-display">
      <h2>2025年xx月</h2>
    </div>

    <!-- 表格区域 -->
    <section class="sales-table">
      <table>
        <thead>
          <tr>
            <th>客户名</th>
            <th>手机号</th>
            <th>累计销售额</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>张三</td>
            <td>152xxxx2222</td>
            <td>206元</td>
          </tr>
          <!-- 重复数据行 -->
          <tr>
            <td>张三</td>
            <td>152xxxx2222</td>
            <td>206元</td>
          </tr>
          <tr>
            <td>张三</td>
            <td>152xxxx2222</td>
            <td>206元</td>
          </tr>
        </tbody>
      </table>
    </section>
  </div>

  <script src="../scripts/sales-details.js"></script>
</body>
</html>
